<!--
 * @Author: 赵成刚-运输单-运费结算
-->
<template>
  <u-modal
    v-model="freightSettlementShow"
    :width="'650'"
    class="modal1"
    :show-title="false"
    contentBg="transparent"
    :showConfirmButton="false">
    <view class="freightSettlement-modal-box">
      <view class="d-flex j-c title">运费结算</view>
      <image
        class="topimg"
        :src="`${imgUrl}waybill/jiesuan.png`" />
      <view class="freightSettlement-center-box">
        <view class="d-flex">
          <view class="w-140">收款银行：</view>
          <view>中国贸易发展银行</view>
        </view>
        <view class="d-flex">
          <view class="w-140">收款账户：</view>
          <view>中国贸易发展银行</view>
        </view>
        <view class="d-flex">
          <view class="w-140">持卡人：</view>
          <view>中国贸易发展银行</view>
        </view>
        <view class="d-flex j-s-b m-t-32">
          <view class="w-140">亏吨扣除：</view>
          <view class="d-flex red-text">-3333<view>元</view></view>
        </view>
        <view class="d-flex j-s-b">
          <view class="w-140">手续费：</view>
          <view class="d-flex red-text">-34333<view>元</view></view>
        </view>
        <view class="d-flex j-s-b">
          <view class="w-140">运费总价：</view>
          <view class="d-flex red-text">66666<view>元</view></view>
        </view>
      </view>
      <view class="freightSettlement-btn">
        <u-button
          class="u-btn"
          @click="freightSettlementcancel"
          :throttle-time="0"
          >取 消
        </u-button>
        <u-button
          class="u-btn"
          type="primary"
          @click="freightSettlementconfirm"
          >确 定
        </u-button>
      </view>
    </view>
  </u-modal>
</template>
<script>
import { imgUrl } from 'common/httpEnum'

export default {
  name: 'freightSettlementModal',
  props: {
    freightSettlementShow: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      imgUrl,
      value: '',
      count: ''
    }
  },
  methods: {
    //运费结算弹窗-确认
    freightSettlementconfirm() {
      this.$emit('confirm', false)
    },
    //运费结算弹窗-取 消
    freightSettlementcancel() {
      this.$emit('cancel', false)
    }
  }
}
</script>
<style lang="scss" scoped>
@import './modal.scss';
</style>
